<div id="rid690039f4aa0432318fd14c6e6bd1ea8512_wrapper" class="dataTables_wrapper form-inline" role="grid">

    <!-- 搜索过程中 -->
    <div class="box box-default box-solid" ng-show="isSearching">
        <div class="box-body" style="padding:45px;"></div>
        <div class="overlay">
            <i class="fa fa-spinner fa-2x fa-spin"></i>
        </div>
    </div>

    <!-- 未搜索之前 -->
    <div ng-show="!hasSearched" style="padding-top:30px;" class="col-sm-offset-3 col-sm-6">
        <p style="padding:15px;font-size:14px;border:2px solid #00cacd;color:#000;border-radius:6px;background: #f4ffff;text-align: center;">{{searchTipBefore}}</p>
    </div>

    <!-- 搜索无结果 -->
    <div ng-show="hasSearched && pagingOptions.totalResults==0  && !isSearching" style="padding-top:30px;" class="col-sm-offset-3 col-sm-5">
        <p style="padding:15px;font-size:14px;border:2px solid #e23a4a;color:#000;border-radius:6px;background: #ffebed;text-align: center;">{{searchTipNone}}</p>
    </div>

    <!-- 有搜索结果 -->
    <div ng-show="hasSearched && pagingOptions.totalResults>0 && !isSearching">
        <table class="table table-condensed table-hover" ng-class="{'table-striped':isStriped}">

            <thead>
            <tr role="row">
                <th ng-repeat="def in gridOptions.columnDefs" width="{{def.width}}" height="{{def.height}}">
                    {{def.displayName?def.displayName:def.field}}
                </th>
            </tr>
            </thead>

            <tbody role="alert" aria-live="polite" aria-relevant="all">
            <tr ng-class="{odd:$index%2>0,even:$index%2==0}" ng-repeat="(rowIndex,entity) in pagingOptions.myData">
                <td style="vertical-align: middle;" class=" " ng-repeat="(colIndex,col) in gridOptions.columnDefs">
                    <grid-cell></grid-cell>
                </td>
            </tr>
            </tbody>

        </table>

        <div class="row" ng-if="showPagination" ng-show="pagingOptions.totalResults>0" style="margin-top:20px;">
            <div class="col-xs-4">
                <div class="dataTables_info" id="rid690039f4aa0432318fd14c6e6bd1ea8512_info">
                    显示{{(pagingOptions.currentPage-1)*pagingOptions.pageSize+1}}到{{(pagingOptions.currentPage*pagingOptions.pageSize < pagingOptions.totalResults)?pagingOptions.currentPage*pagingOptions.pageSize:pagingOptions.totalResults}}条,共<span class="text-blue ml5 mr5">{{pagingOptions.totalResults}}</span>条记录
                </div>
            </div>

            <div class="col-xs-8">
                <div class="dataTables_paginate paging_bootstrap pull-right">
                    <ul class="pagination">
                        <li class="prev disabled" ng-if="pagingOptions.currentPage==1">
                            <a data-no-turbolink="true">上一页</a>
                        </li>
                        <li class="prev" ng-if="pagingOptions.currentPage!=1">
                            <a href="javascript:;" ng-click="changeCurrentPage(pagingOptions.currentPage-1)" data-no-turbolink="true">上一页</a>
                        </li>

                        <li ng-class="{active:pageIndex==pagingOptions.currentPage}" ng-repeat="pageIndex in pagingOptions.pageIndexes">
                            <a href="javascript:;" ng-click="changeCurrentPage(pageIndex)" data-no-turbolink="true">{{pageIndex}}</a>
                        </li>


                        <li class="next disabled" ng-if="pagingOptions.currentPage==pagingOptions.totalPage">
                            <a data-no-turbolink="true">下一页</a>
                        </li>
                        <li class="next" ng-if="pagingOptions.currentPage!=pagingOptions.totalPage">
                            <a href="javascript:;" ng-click="changeCurrentPage(pagingOptions.currentPage+1)" data-no-turbolink="true">下一页</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>